interface PasswordInputStyle {
  "--van-password-input-margin": number;
  "--van-password-input-height": string;
  "--van-password-input-text-color"?: string;
  "--van-password-input-background"?: string;
  "--van-border-width": number;
  "--van-border-color": string;
}

interface RecordConfigItem {
  style: PasswordInputStyle;
  tips?: string;
}

interface RecordConfig {
  [key: string]: RecordConfigItem;
}

const commonStyle: PasswordInputStyle = {
  "--van-password-input-margin": 0,
  "--van-password-input-height": "38px",
  "--van-border-width": 0,
  "--van-border-color": "transparent"
};

const recordConfig: RecordConfig = {
  success: {
    style: {
      ...commonStyle,
      "--van-password-input-text-color": "#606060",
      "--van-password-input-background": "#F1F1F1"
    },
    tips: "กดค้างและพูดหมายเลข"
  },
  fail: {
    style: {
      ...commonStyle,
      "--van-password-input-text-color": "#F06868",
      "--van-password-input-background": "#FFE7E7"
    },
    tips: "การบันทึกล้มเหลว กรุณาพูดหมายเลข 6 หลักอีกครั้ง"
  }
};
export default recordConfig;
